#navbar-iframe, #navbar1 {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
/* Use this with templates/template-twocol.html */
body, .body-fauxcolumn-outer {
background:#FAFAFA;
margin:0;
padding:0;
color:#333333;
font:x-small Georgia Serif;
font-size
/* */:/**/
small;
font-size:/**/
small;
text-align:center;
}
a:link {
color:#09ABF7;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color:#141414;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
margin:0 auto 0;
color:#FFFFFF;
width:300px;
height:100%;
overflow:hidden;
}
#header {
color:#09ABF7;
margin:0;
}
#header h1,
#header p {
margin:5px 5px 0;
padding:0;
text-transform:uppercase;
font:normal normal 35px Georgia, Times, 'Times New Roman', serif;
}
#header a {
color:#09ABF7;
text-decoration:none;
}
#header a:hover {
color:#09ABF7;
}
#header .description {
margin:0 5px 5px;
padding:0;
text-transform:capitalize;
line-height:1.4em;
font:normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color:#F8F8F8;
}
#header img {
margin-left:0;
margin-right:auto;
max-width:100%;
max-height:100%;
}
.scdown #header h1,
.scdown #header p {
margin-top:2px;
}
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.post-summary strong,
ul.rcentpost .inner > strong,
.PopularPosts .item-title,
#search-result strong,
#related_posts .jdlunya strong,
.featpost .titlex,
.xitem1 {
font:normal normal 12px Georgia, Times, 'Times New Roman', serif;
text-transform:none;
margin:0;
}
h1 {
font-size:200%;
}
h2 {
font-size:170%;
}
h3 {
font-size:150%;
}
h4 {
font-size:130%;
}
h5 {
font-size:120%;
}
h6 {
font-size:110%;
}
/* Navigation
----------------------------------------------- */
#mobilenav,
.index #blog-pager,
.archive #blog-pager,
.scdown .descriptionwrapper,
.index .post-footer,
.archive .post-footer,
.post-more-link,
.post-summary p,
.rcentpost p,
.rcbytag.s .comnum,
.rcbytag.h .a0 .comnum,
.rcbytag.v .a0 .comnum,
#sidebar-tengah .widget-content:before,
#topfeaturedmanual .widget > h2,
#topfeaturedmanual .widget .caption,
#topfeaturedmanual .Image,
#Blog1 > .status-msg-wrap {
display:none;
}
#nav,
#header-wrapper {
float:left;
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
#nav,
#topsomenu .isi,
.sf-menu li,
a.thumbimgx,
.index #main,
.archive #main,
.index .post,
.archive .post,
#main-wrapper,
#main-atas .sidebar .widget,
#main-atas .widget-content,
.rcentpost li,
#view a,
.sf-menu a.home,
#searchnya button,
.rcentpost .comnum,
.rcentpost .date,
#sidebar-tengah .list-tabwrap,
#sidebar-tengah,
#sidebar-wrapper .widget-content,
#sidebar-wrapper .widget,
.footer .widget > h2,
.featuredpost,
.post-body blockquote,
.item .post,
.static_page .post,
#related_posts,
#comments,
#related_posts li,
.error-custom,
.error_page .blog-posts.hfeed {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:left;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:left;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:78px;
line-height:78px;
text-decoration:none;
zoom:1;
}
.scdown .sf-menu > li > a {
height:48px;
line-height:48px;
}
.sf-menu a.home {
padding:0 10px 0 30px;
border-top:2px solid #09ABF7;
}
.sf-menu a {
color:#FFFFFF;
font-size:11px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:#202020;
margin:1px 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.sf-menu ul a {
font-weight:normal;
height:30px;
line-height:30px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:#3C3C3C;
margin:0 0 1px 2px;
}
.sf-menu > li > a {
border-top:2px solid #202020;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover,
.sf-menu > li > a.current {
-moz-transition:none;
-webkit-transition:none;
transition:none;
}
.sf-menu > li:hover > a,
.sf-menu > li > a.current {
border-top:2px solid #09ABF7;
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after,
.jcarousel-prev:before,
.jcarousel-next:before,
.nav-arrows a:before {
content:'';
position:absolute;
top:50%;
right:0.75em;
margin-top:-1px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:#FFFFFF;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:#FFFFFF;
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:#FFFFFF;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:#FFFFFF;
}
.sf-menu li > i {
position:absolute;
top:5px;
right:3px;
width:27px;
height:22px;
cursor:pointer;
display:none;
background-color:#09ABF7;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}
.sf-menu li > i:after {
content:'+';
color:#FFFFFF;
font-size:19px;
position:absolute;
left:5px;
top:-2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:36px;
top:-14px;
}
/* Social Icon */
#socialicon {
float:left;
width:230px;
padding:5px 0;
}
#socialicon ul,
#socialicon li {
padding:0;
margin:0;
list-style:none;
}
#socialicon li {
float:left;
margin:0 2px;
}
#socialicon a {
display:block;
text-indent:-9999px;
width:24px;
height:24px;
background-image:url(http://3.bp.blogspot.com/-7N7Yc9pfpq4/UZWTCyT3cLI/AAAAAAAAARk/v8jfsiRfs9c/s1600/soicon.png);
background-position:-1px 0;
background-repeat:no-repeat;
position:relative;
}
#socialicon a:active {
top:1px;
}
#socialicon .fbx {
background-position:-1px 0;
}
#socialicon .twix {
background-position:-27px 0;
}
#socialicon .goex {
background-position:-53px 0;
}
#socialicon .linx {
background-position:-131px;
}
#socialicon .pinx {
background-position:-79px 0;
}
#socialicon .drix {
background-position:-157px;
}
#socialicon .vmex {
background-position:-183px 0;
}
#socialicon .rssx {
background-position:-105px;
}
#topmenu {
overflow:hidden;
padding:0 5px;
color:#FFFFFF;
font-size:90%;
}
#topmenu .tgltop {
float:left;
height:26px;
line-height:26px;
padding:4px 6px;
}
#topbutton {
position:absolute;
right:15px;
top:35px;
outline:0;
margin-top:-70px;
width:26px;
height:23px;
background-color:#09ABF7;
cursor:pointer;
}
#topbutton:before {
border-width:6px 13px;
border-style:solid;
top:100%;
border-color:#09ABF7 #09ABF7 transparent #09ABF7;
}
#topbutton:after {
content:'';
position:absolute;
top:50%;
height:0;
left:6px;
width:0;
border:7px solid transparent;
border-top-color:#FFFFFF;
}
#topbutton.active:after {
border-color:transparent;
border-bottom-color:#FFFFFF;
margin-top:-7px;
}
#areahead.scdown {
-moz-box-shadow:0 2px 8px rgba(0,0,0,0.53);
-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.53);
box-shadow:0 2px 8px rgba(0,0,0,0.53);
}
/* Search Box and Result */
#searchnya {
float:right;
}
#searchnya input {
width:120px;
margin:6px 0 0;
background-color:#FFFFFF;
color:#202020;
}
#searchnya input,
#searchnya button {
border:0;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
display:inline-block;
outline:0;
font-size:10px;
padding:5px 10px;
}
#searchnya button {
background-color:transparent;
margin-right:5px;
cursor:pointer;
color:#FFFFFF;
text-indent:-9999px;
}
#search-result {
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:10px;
z-index:99;
display:none;
color:#FFFFFF;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
font-size:12px;
}
#search-result ol {
list-style:none;
overflow:hidden;
max-height:450px;
}
#search-result ol:hover {
overflow:auto;
}
#search-result ol a:hover {
text-decoration:underline;
}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:#FFFFFF;
}
#search-result li {
padding:5px 0;
}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:left;
display:block;
margin:0 5px 0 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#search-result p {
font-size:90%;
}
#search-result {
background-color:#202020;
border:1px solid #000000;
}
.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before,
.rcentpost .date:before,
.rcentpost .comnum:before,
#mobilenav:before,
.post-body blockquote:before,
.comments .comments-content .icon.blog-author:before,
#mobilenav:before {
position:absolute;
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
}
.sf-menu a.home:before,
#searchnya button:before,
#view a:before {
text-indent:0;
}
.sf-menu a.home:before {
width:30px;
height:30px;
}
.sf-menu a.home:before {
content:"\f015";
top:0;
font-size:18px;
left:6px;
}
#searchnya button:before {
content:"\f002";
top:2px;
left:1px;
color:#FFFFFF;
font-size:19px;
display:block;
}
/* Layout Setting
----------------------------------------------- */
body#layout .list-tabwrap,
body#layout #topfeatured,
body#layout #mainmidtengah,
body#layout #mainmidtengah2,
body#layout #footer-wrapper {
overflow:hidden;
}
body#layout .sidebarmd-widget {
float:left;
width:33.3%;
}
body#layout ul.navtab {
display:none;
}
body#layout #topfeatured .add_widget,
body#layout #topfeatured .widget,
body#layout #topfeatured .dropregion {
width:18%;
float:left;
}
body#layout #main-atas .half {
width:50%;
float:left;
}
body#layout #topfeatured .widget.Image .widget-content {
height:3em;
}
body#layout #topfeatured .widget.Image {
padding:0;
}
body#layout #footer-wrapper .grid {
float:left;
width:25%;
}
body#layout #topfeatured .Image {
display:block;
}
body#layout #header-wrapper {
width:50%;
}
/* Main Color
----------------------------------------------- */
#areahead {
border-top:1px solid #000000;
height:80px;
margin-top:35px;
background-color:#202020;
z-index:8;
}
#topsomenu {
background-color:#202020;
height:35px;
z-index:9;
}
#areacontent {
background-color:#FAFAFA;
padding-top:140px;
}
#areahead,
#topsomenu {
width:100%;
position:fixed;
}
#areahead .isi {
height:100%;
}
#areafooter,
#credit {
background-color:#202020;
}
#areafooter {
border-top:3px solid #09ABF7;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color:#FAFAFA;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 12px Verdana, Geneva, sans-serif;
}
#outer-wrapper .isi {
width:100%;
max-width:1100px;
margin:0 auto;
}
#main-atas {
width:68%;
float:left;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */;
}
#sidebar-wrapper {
width:32%;
float:right;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */;
}
#sidebar-wrapper .innerwrap,
#main-atas .innerwrap {
padding:10px;
}
/* Content Area
-----------------------------------------------
*/
.index #main,
.archive #main {
padding:12px 8px;
}
.index #main,
.archive #main,
.index #main:before,
.archive #main:before,
.menu-xitem,
#main-atas .widget-content,
#main-atas .widget-content:before,
#main-atas .sidebar .widget > h2,
a.thumbxtag,
#sidebar-wrapper .widget-content,
#sidebar-tengah .list-tabwrap,
#sidebar-wrapper .sidebar .widget > h2,
#sidebar-wrapper .widget-content:before,
#sidebar-tengah .list-tabwrap:before,
.navtab,
.item .post,
.static_page .post,
.breadcrumbs,
.item .post:before,
.static_page .post:before,
#related_posts,
#related_posts:before,
#comments,
#comments:before,
.blog-posts.hfeed .inline-ad,
.error-custom,
.error-custom:before {
background-color:#FFFFFF;
border:1px solid #D5D5D5;
}
.loadpager,
.datex,
.morepostag,
.rcbytag.s .date,
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
#related_posts .date {
position:absolute;
}
.loadpager,
.morepostag {
bottom:0;
right:0;
}
.loadpager a,
.morepostag a {
text-indent:-9999px;
display:block;
width:0;
height:0;
border-width:22px 22px;
border-style:solid;
border-color:transparent #09ABF7 #09ABF7 transparent;
}
.loadpager a:before,
.morepostag a:before {
content:"+";
position:absolute;
text-indent:0;
color:#FFFFFF;
right:3px;
bottom:2px;
font-size:23px;
}
.index #main-wrapper,
.archive #main-wrapper,
#main-atas .sidebar .widget,
#sidebar-wrapper .widget,
#sidebar-tengah {
z-index:0;
margin-bottom:25px;
}
.index #main:before,
.archive #main:before,
#main-atas .widget-content:before,
#sidebar-tengah .list-tabwrap:before,
#sidebar-wrapper .widget-content:before,
.item .post:before,
.static_page .post:before,
#related_posts:before,
#comments:before,
.error-custom:before {
content:"";
position:absolute;
left:5px;
height:30px;
right:5px;
bottom:-9px;
z-index:-1;
}
.menu-xitem,
#main-atas .sidebar .widget > h2,
#sidebar-wrapper .sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
border-bottom:0;
position:relative;
height:35px;
}
.xitem1 {
line-height:34px;
font-size:160%;
}
#view {
float:left;
height:35px;
text-align:center;
padding:0 8px 0 5px;
}
#view a {
display:block;
height:17px;
text-indent:-9999px;
width:20px;
color:#D5D5D5;
outline:0;
text-decoration:none;
}
#view a.active {
color:#09ABF7;
}
#view a:before {
top:2px;
left:3px;
font-size:14px;
}
#view a.list:before {
content:"\f00b";
}
#view a.grid:before {
content:"\f00a";
}
.menu-xitem:after,
#main-atas .sidebar .widget > h2:after,
#sidebar-wrapper .sidebar .widget > h2:after,
#related_posts h4:after,
#comments > h4:after {
content:"";
position:absolute;
height:1px;
width:87px;
bottom:-1px;
right:0;
z-index:1;
background-color:#09ABF7;
}
#main-atas .widget-content,
#sidebar-wrapper .widget-content {
padding:10px 12px;
}
#main-atas .sidebar .widget > h2,
#sidebar-wrapper .sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
padding:0 12px;
line-height:35px;
font-size:160%;
color:#333333;
}
#main-atas .sidebar .widget > h2 a,
#sidebar-wrapper .sidebar .widget > h2 a {
text-decoration:none;
}
#main-atas .half {
width:50%;
float:left;
}
.half:first-child .widget {
margin-right:8px;
}
.half:last-child .widget {
margin-left:8px;
}
#mainmidtengah,
#mainmidtengah2,
.rcentpost li,
.rcbytag.h,
.jcarousel-clip-horizontal {
overflow:hidden;
}
/* Posts
-----------------------------------------------
*/
.index .post-outer,
.archive .post-outer {
width:33.3%;
float:left;
}
.index .post,
.archive .post {
padding:0 5px;
}
.index .post h2.post-title,
.archive .post h2.post-title {
position:absolute;
left:-9999px;
}
a.thumbimgx {
display:block;
height:160px;
overflow:hidden;
padding:5px;
border:1px solid #D5D5D5;
}
a.thumbimgx img {
width:100%;
height:100%;
}
.post-body {
line-height:1.6em;
}
.datex,
.rcbytag.s .date,
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
#related_posts .date {
top:0;
left:20px;
background-color:#09ABF7;
color:#FFFFFF;
padding:5px 3px;
text-align:center;
font-size:9px;
}
.datex span,
.datex strong,
.rcbytag.s .date strong,
.rcbytag.s .date span,
.rcbytag.v .a0 .date strong,
.rcbytag.v .a0 .date span,
.rcbytag.h .a0 .date strong,
.rcbytag.h .a0 .date span,
#related_posts .date strong,
#related_posts .date span {
display:block;
}
.datex strong,
.rcbytag.s .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.v .a0 .date strong,
#related_posts .date strong {
font-size:18px;
}
.datex:before,
.datex:after,
.rcbytag.s .date:before,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#topbutton:before,
#related_posts .date:before,
#related_posts .date:after {
position:absolute;
content:"";
width:0;
height:0;
}
.datex:before,
.datex:after,
.rcbytag.s .date:before,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#related_posts .date:before,
#related_posts .date:after {
border-width:5px 10px;
border-style:solid;
top:100%;
}
.datex:before,
.rcbytag.s .date:before,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
#related_posts .date:before {
border-color:#09ABF7 transparent transparent #09ABF7;
left:0;
}
.datex:after,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#related_posts .date:after {
border-color:#09ABF7 #09ABF7 transparent transparent;
right:0;
}
.post:hover .datex,
.rcbytag.s li:hover .date,
.rcbytag.v .a0:hover .date,
.rcbytag.h .a0:hover .date {
padding-top:8px;
}
.post-summary strong {
display:block;
margin:5px 0 15px;
line-height:1.4em;
font-size:120%;
overflow:hidden;
height:40px;
}
.post-summary strong a {
text-decoration:none;
}
.index .post-outer.list,
.archive .post-outer.list {
width:auto;
float:none;
}
.list .post {
padding:0 0 15px;
}
.list a.thumbimgx {
width:200px;
float:left;
margin:0 10px 0 0;
}
.list .post-summary strong {
height:auto;
overflow:visible;
font-size:170%;
}
.list .post-summary p,
.list .post-more-link,
.list .post-footer {
display:block;
}
.post-more-link {
text-align:right;
margin:0 5px 10px 0;
}
ul.rcentpost .inner > strong a,
.post-summary strong a {
text-decoration:none;
color:#141414;
}
.post-footer-line.post-footer-line-1 > div {
display:inline-block;
font-size:10px;
}
.post-more-link a {
display:inline-block;
padding:4px 7px;
text-decoration:none;
color:#FFFFFF;
background-color:#09ABF7;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.post-footer-line.post-footer-line-1 > div.post-share-buttons {
margin:10px 0 0;
padding:0 6px;
display:block;
}
.post-footer .goog-inline-block.dummy-container {
overflow:hidden;
width:36px;
}
.post-footer {
padding:5px;
border:1px solid #D5D5D5;
}
.post-footer a {
color:#09ABF7;
text-decoration:none;
}
.post-footer a.timestamp-link,
.post-footer .post-author.vcard .fn,
.post-footer .comment-link,
.post-footer .post-labels > span {
position:relative;
padding:0 8px 0 20px;
line-height:20px;
height:20px;
display:inline-block;
color:#09ABF7;
margin-right:5px;
}
.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before {
font-size:14px;
left:4px;
}
.post-footer a.timestamp-link:before {
content:"\f017";
}
.post-footer .post-author.vcard .fn:before {
content:"\f007";
}
.post-footer .comment-link:before {
content:"\f0e6";
font-size:15px;
left:3px;
}
.post-footer .post-labels > span:before {
content:"\f02c";
left:2px;
}
.item .post,
.static_page .post,
.error-custom {
padding:5px 10px;
margin-bottom:25px;
}
.item #main-wrapper,
.static_page #main-wrapper {
z-index:0;
}
.breadcrumbs {
padding:5px;
margin-bottom:8px;
font-size:90%;
}
.item .post h1.post-title,
.static_page .post h2.post-title,
.error-custom h2 {
font-size:200%;
margin-bottom:10px;
padding:0 0 5px;
border-bottom:1px solid #D5D5D5;
}
.item .post h1.post-title a,
.static_page .post h2.post-title a {
text-decoration:none;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
margin-bottom:10px;
}
.post-body h1 {
font-size:180%;
}
.post-body h2 {
font-size:160%;
}
.post-body h3 {
font-size:140%;
}
.post-body h4 {
font-size:130%;
}
.post-body h5 {
font-size:120%;
}
.post-body h6 {
font-size:110%;
}
.post-body .left {
float:left;
margin:0 10px 5px 0;
}
.post-body .right {
float:right;
margin:0 0 5px 10px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.post-body blockquote {
padding-left:40px;
margin:20px;
font-size:110%;
line-height:1.6em;
}
.post-body blockquote:before {
content:"\f10d";
left:0;
top:5px;
font-size:30px;
}
.item .post-body,
.static_page .post-body,
.error-custom {
line-height:1.6em;
}
.item .post-body img,
.static_page .post-body img {
padding:3px;
border:1px solid #D5D5D5;
}
.post-body iframe {
max-width:100%;
}
.error-custom {
padding-bottom:150px;
}
.error_page .blog-posts.hfeed {
z-index:0;
}
/* Comments
----------------------------------------------- */
#comments .comments-content,
.comment-form {
padding:0 15px;
}
.comment-form {
max-width:100%;
}
.comments.threaded_commentsnya .comment-form {
border:0;
background-color:transparent;
padding:0;
}
.comments p.comment-footer {
margin:0;
padding:10px;
}
.comments p.comment-footer a,
.comments .comment-form {
display:block;
margin-top:-18px;
}
.comments.threaded_commentsnya p.comment-footer {
display:none;
}
.boxcommentnya {
margin-bottom:17px;
padding:0 15px;
}
.comments .avatar-image-container {
max-height:42px;
width:42px;
padding:3px;
border:1px solid #D5D5D5;
}
.comments .inline-thread .avatar-image-container {
width:36px;
height:36px;
}
.comments .avatar-image-container img {
max-width:100%;
width:100%;
height:100%;
}
.comments .comment-block {
margin-left:59px;
}
.comments .inline-thread .comment-block {
margin-left:53px;
}
.comments .comments-content .comment-replies {
margin-left:53px;
}
.comments .comments-content .inline-thread {
border:1px solid #D5D5D5;
border-left:2px solid #09ABF7;
}
.comments .continue a,
.comments .inline-thread #form-wrapper {
border:1px solid #D5D5D5;
-moz-box-shadow:inset 0 3px 13px #D5D5D5;
-webkit-box-shadow:inset 0 3px 13px #D5D5D5;
box-shadow:inset 0 3px 13px #D5D5D5;
}
.comments .inline-thread #form-wrapper {
padding:10px 15px;
margin-bottom:15px;
}
.comments .comments-content .datetime {
margin-left:6px;
font-size:80%;
float:right;
}
.comments .comments-content .comment-content {
line-height:1.5em;
}
.comments .comments-content .icon.blog-author:before {
content:"\f007";
top:0;
left:1px;
font-size:17px;
color:#09ABF7;
}
#comments-block.avatar-comment-indent {
margin-left:55px;
}
#comments-block .avatar-image-container {
left:-55px;
width:40px;
height:40px;
top:0;
}
#comments-block .avatar-image-container img {
border:0;
}
.commentarea {
border:1px solid #D5D5D5;
border-left:2px solid #09ABF7;
margin-bottom:15px;
padding:5px 10px;
position:relative;
}
.commentarea .datecm {
float:right;
font-size:90%;
}
#comments-block.avatar-comment-indent dd.comment-footer {
text-align:right;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#googlePlusComment,
.cmt_iframe_holder {
width:100% !important;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:0;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
.pager-isi {
overflow:hidden;
}
.pager-isi a,
.pager-isi .linkgrey {
width:50%;
display:block;
float:left;
padding:10px 0;
font-size:120%;
text-decoration:none;
}
.pager-isi h5,
.pager-isi h6 {
margin:0;
font-weight:normal;
}
.pager-isi h6 {
font-size:130%;
}
.pager-isi h5 {
font-size:100%;
}
a.blog-pager-newer-link {
text-align:left;
position:relative;
}
a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
padding-left:20px;
}
a.blog-pager-older-link {
text-align:right;
position:relative;
}
a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
padding-right:20px;
}
.pager-isi .linkgrey.left {
text-align:left;
}
.pager-isi .linkgrey.right {
text-align:right;
}
a.blog-pager-newer-link:after,
a.blog-pager-older-link:after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
position:absolute;
top:50%;
margin-top:-8px;
}
a.blog-pager-newer-link:after {
border-color:transparent #09ABF7 transparent transparent;
left:0;
}
a.blog-pager-older-link:after {
border-color:transparent transparent transparent #09ABF7;
right:0;
}
.feed-links {
display:none;
}
.blog-posts.hfeed .inline-ad {
margin-top:15px;
text-align:center;
padding:10px 2px;
overflow:hidden;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:#666666;
line-height:1.5em;
}
.sidebar ul,
.footer ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li,
.footer li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:10px;
line-height:1.5em;
}
#sidebar-tengah .widget > h2 {
display:none;
}
#sidebar-tengah .widget-content {
border:0;
background-color:transparent;
}
#sidebar-tengah .widget {
margin-bottom:0;
}
.navtab,
.navtab li {
padding:0;
margin:0;
list-style:none;
}
.navtab li {
float:left;
width:33.3%;
text-align:center;
line-height:35px;
}
.navtab {
overflow:hidden;
border-bottom:0;
}
.navtab a {
display:block;
text-decoration:none;
color:#666666;
height:35px;
border-bottom:1px solid #D5D5D5;
}
.navtab a.current {
color:#09ABF7;
border-bottom:1px solid #09ABF7;
}
#sidebar-tengah .list-tabwrap {
border-top:0;
}
/* Profile
----------------------------------------------- */
.profile-img {
width:70px;
height:70px;
padding:3px;
border:1px solid #D5D5D5;
margin:0 5px 5px 0;
}
.profile-link {
float:right;
font-style:italic;
}
dd.profile-data {
font-style:italic;
}
/* Footer
----------------------------------------------- */
#footer-wrapper .row {
overflow:hidden;
}
.row .grid {
float:left;
width:25%;
}
.footer {
padding:0 10px;
}
.footer .widget {
margin:15px 0;
}
#credit {
text-align:center;
padding:10px 0;
border-top:1px solid #000000;
font-size:90%;
}
.footer .widget > h2 {
margin:0 0 10px;
padding:8px 0;
font-size:130%;
font-weight:normal;
color:#09ABF7;
}
#footer-wrapper,
#credit {
color:#BBBBBB;
}
.footer li {
padding-left:8px;
}
.footer .widget > h2:after,
.footer .widget > h2:before {
content:"";
position:absolute;
top:100%;
height:1px;
}
.footer .widget > h2:after {
background-color:#000000;
left:0;
width:100%;
}
.footer .widget > h2:before {
right:0;
width:50px;
background-color:#09ABF7;
z-index:1;
}
/* Effect
----------------------------------------------- */
a.thumbimgx img,
a.thumbxtag img,
a.kmtimg img,
.PopularPosts .item-thumbnail img {
-webkit-transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
transition:all 0.7s ease;
}
a img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
#areahead.scdown {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity:0.9;
opacity:0.9;
}
#Header1 img:hover,
.featpost li > a img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"] {
border:1px solid #D5D5D5;
padding:5px 8px;
outline:0;
display:inline-block;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
input[type="submit"],
input[type="button"],
button {
border:0;
padding:6px 8px;
outline:0;
color:#FFFFFF;
background-color:#09ABF7;
display:inline-block;
cursor:pointer;
position:relative;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
input[type="submit"]:active,
input[type="button"]:active,
button:active {
top:1px;
}
img {
max-width:100%;
height:auto;
width:auto\9;
}
.FollowByEmail .follow-by-email-inner {
padding:15px 0;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
padding:1px 0;
text-indent:8px;
border:1px solid #D5D5D5;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background-color:#09ABF7;
}
.PopularPosts .item-thumbnail {
width:55px;
height:55px;
}
.PopularPosts .item-thumbnail,
a.kmtimg img {
padding:3px;
border:1px solid #D5D5D5;
}
.footer  .PopularPosts .item-thumbnail,
.footer a.kmtimg img,
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address,
.footer .profile-img {
border:1px solid #000000;
}
.PopularPosts .item-thumbnail img {
width:100%;
height:100%;
}
.PopularPosts .item-title {
font-size:120%;
}
.rcomnetxx,
.rcomnetxx li {
padding:0;
list-style:none;
margin:0;
}
.rcomnetxx li {
overflow:hidden;
padding-bottom:8px;
}
a.kmtimg img {
float:left;
margin:0 5px 5px 0;
}
.rcomnetxx .date {
font-size:80%;
}
.rcomnetxx p {
margin:5px 0 0;
}
/* Widget
----------------------------------------------- */
.rcentpost,
.rcentpost li {
list-style:none;
padding:0;
margin:0;
}
a.thumbxtag {
padding:3px;
float:left;
width:65px;
height:65px;
margin:0 5px 5px 0;
}
a.thumbxtag img {
width:100%;
height:100%;
}
.rcbytag.s a.thumbxtag,
.rcbytag.v .a0 a.thumbxtag,
.rcbytag.h .a0 a.thumbxtag {
display:block;
padding:5px;
float:none;
width:auto;
height:160px;
margin:0 0 10px;
}
.rcbytag.s a.thumbxtag {
height:140px;
}
.rcbytag.v .a0 p,
.rcbytag.h .a0 p {
display:block;
}
.rcbytag.h li {
width:50%;
float:right;
}
.rcbytag.h li.a0 {
float:left;
}
.rcbytag.h .inner {
padding:0 5px;
}
.rcbytag.h li.a0 .inner {
padding-left:0;
}
.rcbytag.s ul {
width:1100px;
}
.rcbytag.s li {
width:200px;
float:left;
}
.rcbytag.s .inner {
padding:0 5px;
}
.morepostag a:before {
bottom:6px;
}
.rcbytag.s .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.v .a0 .date strong,
#related_posts .date strong {
line-height:22px;
font-weight:bold;
padding:0;
}
.rcbytag.s .date span,
.rcbytag.h .a0 .date span,
.rcbytag.v .a0 .date span,
#related_posts .date span {
line-height:12px;
padding:0;
}
ul.rcentpost .inner > strong {
font-size:120%;
}
.rcbytag.h .a0 .inner > strong,
.rcbytag.v .a0 .inner > strong {
font-size:140%;
}
.rcentpost .date,
.rcentpost .comnum {
padding-left:16px;
margin-right:5px;
}
.rcentpost .date:before,
.rcentpost .comnum:before {
left:3px;
top:-3px;
font-size:11px;
}
.rcentpost .date:before {
content:"\f133";
}
.rcentpost .comnum:before {
content:"\f075";
}
.info {
font-size:10px;
}
.info strong,
.info span {
padding:0 3px 0 1px;
font-weight:normal;
}
.jcarousel-prev,
.jcarousel-next {
width:30px;
height:30px;
position:absolute;
top:-43px;
cursor:pointer;
background-color:#09ABF7;
}
.jcarousel-prev-disabled,
.jcarousel-next-disabled {
background-color:#D5D5D5;
cursor:initial;
}
.jcarousel-prev {
right:30px;
}
.jcarousel-next {
right:-5px;
}
.jcarousel-prev:before,
.jcarousel-next:before {
border:5px solid transparent;
margin-top:-4px;
}
.jcarousel-prev:before {
border-color:transparent;
border-right-color:#FFFFFF;
right:13px;
}
.jcarousel-next:before {
border-color:transparent;
border-left-color:#FFFFFF;
right:7px;
}
.rcentpost .comnum a {
text-decoration:none;
color:#666666;
}
.Label li {
float:left;
background-color:#09ABF7;
color:#FFFFFF;
padding:5px 8px;
margin:0 2px 2px 0;
}
.Label li a {
color:#FFFFFF;
}
.footer .Label li {
padding:4px 4px;
font-size:90%;
}
/* Featured Post
----------------------------------------------- */
#botfeaturedauto h2 {
display:none;
}
.featuredpost {
width:98%;
max-width:650px;
margin:0 auto;
height:400px;
z-index:0;
}
.featpost {
margin:10px auto;
position:relative;
overflow:hidden;
width:100%;
height:320px;
list-style-type:none;
padding:0;
}
.featpost li {
margin:0;
padding:0;
display:none;
width:100%;
}
.featpost li > a {
outline:none;
}
.featpost li > a img {
border:none;
}
.featpost li > a.feathumb {
display:block;
height:100%;
}
.featpost img {
max-width:100%;
width:100%;
display:block;
height:100%;
}
.sb-description {
padding:10px;
bottom:10px;
left:10px;
right:10px;
z-index:5;
position:absolute;
background:#09ABF7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
color:#FFFFFF;
-webkit-transition:all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
-ms-transition:all 200ms;
transition:all 200ms;
}
.featpost li.sb-current .sb-description {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
opacity:0.8;
}
.featpost li.sb-current .sb-description:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
opacity:0.9;
}
.sb-perspective {
position:relative;
}
.sb-perspective > div {
position:absolute;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-o-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
}
.sb-side {
margin:0;
display:block;
position:absolute;
-moz-backface-visibility:hidden;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transform-style:preserve-3d;
}
.shadow {
width:100%;
height:168px;
position:relative;
margin-top:-110px;
background:transparent url(http://1.bp.blogspot.com/-YdqRkmp3zrw/UdQ2xeKZ47I/AAAAAAAAAXY/_n8Ee1oow80/s736/shadow.png) no-repeat bottom center;
background-size:100% 100%;
z-index:-1;
display:none;
}
.nav-dots {
text-align:center;
position:absolute;
bottom:-5px;
height:30px;
width:100%;
left:0;
display:none;
}
.nav-dots span {
display:inline-block;
width:16px;
height:16px;
border-radius:50%;
margin:3px;
background:#09ABF7;
cursor:pointer;
box-shadow:0 1px 1px rgba(255,255,255,0.6),inset 0 1px 1px rgba(0,0,0,0.1);
}
.nav-dots span.nav-dot-current {
box-shadow:0 1px 1px rgba(255,255,255,0.6),inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 0 3px #09ABF7,inset 0 0 0 8px #FFFFFF;
}
.nav-arrows {
display:none;
}
.nav-arrows a {
width:42px;
height:42px;
background:#09ABF7;
position:absolute;
top:50%;
left:-52px;
text-indent:-9000px;
cursor:pointer;
margin-top:-62px;
opacity:0.9;
border-radius:50%;
box-shadow:0 1px 1px rgba(255,255,255,0.8);
}
.nav-arrows a:first-child {
left:auto;
right:-52px;
background-position:top right;
}
.featpost .titlex {
font-size:170%;
}
.featpost .titlex a {
color:#FFFFFF;
text-decoration:none;
}
.sb-description p {
margin:10px 0 0;
}
.nav-arrows a:before {
border:8px solid transparent;
margin-top:-7px;
}
.nav-arrows a:before {
border-color:transparent;
border-right-color:#FFFFFF;
right:18px;
}
.nav-arrows a:first-child:before {
border-color:transparent;
border-left-color:#FFFFFF;
right:8px;
}
#topfeaturedmanual .widget {
width:650px;
margin:0 auto;
}
#topfeaturedmanual .Image:first-child {
display:block;
}
/* Related Post
----------------------------------------------- */
#related_posts {
line-height:1.4em;
margin-bottom:25px;
}
#related_posts ul,
#related_posts li {
list-style:none;
padding:0;
margin:0;
}
#related_posts ul {
width:1200px;
overflow:hidden;
padding:10px 0;
}
#related_posts li {
width:175px;
float:left;
height:150px;
overflow:hidden;
}
#related_posts .inner {
padding:0 5px;
}
#related_posts h4,
#comments > h4 {
border-bottom:1px solid #D5D5D5;
}
#related_posts .gmbrrltd {
display:block;
overflow:hidden;
height:140px;
padding:4px;
border:1px solid #D5D5D5;
}
#related_posts .gmbrrltd,
#related_posts .date {
-webkit-transition:margin-top 0.7s ease;
-moz-transition:margin-top 0.7s ease;
-ms-transition:margin-top 0.7s ease;
-o-transition:margin-top 0.7s ease;
transition:margin-top 0.7s ease;
}
#related_posts .gmbrrltd img {
width:100%;
height:100%;
}
#related_posts .inner strong {
font-size:120%;
line-height:1.3em;
display:block;
overflow:hidden;
max-height:54px;
padding:0 4px;
}
#related_posts p {
margin:10px 0 0;
padding:0 4px;
}
#related_posts a {
text-decoration:none;
}
#related_posts li:hover .gmbrrltd,
#related_posts li:hover .date {
margin-top:-150px;
}
#related_posts .jcarousel-container {
padding:10px 0;
}
#related_posts .jcarousel-prev,
#related_posts .jcarousel-next {
top:-34px;
}
#related_posts .jcarousel-prev {
right:40px;
}
#related_posts .jcarousel-next {
right:5px;
}
#related_posts .loadingxx {
width:100%;
}
/* Other
----------------------------------------------- */
.loadingxx {
background-image:url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s1600/progress_ani.gif);
background-repeat:no-repeat;
background-position:50% 50%;
height:150px;
}
#top {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:40px;
height:40px;
background-color:#09ABF7;
text-indent:-9999px;
display:none;
}
#top span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#FFFFFF;
}
/* Responsive
----------------------------------------------- */
@media only screen and (max-width:1024px) {
.rcbytag.s a.thumbxtag,
#related_posts .gmbrrltd {
height:160px;
}
#related_posts li {
height:170px;
width:221px;
}
#related_posts li:hover .gmbrrltd {
margin-top:-170px;
}
#related_posts .inner strong {
max-height:60px;
font-size:130%;
}
}
@media only screen and (max-width:979px) {
#outer-wrapper .isi {
width:768px;
}
#main-atas {
width:60%;
}
#sidebar-wrapper {
width:40%;
}
.index .post-outer,
.archive .post-outer,
.row .grid {
width:50%;
}
#main-atas .half,
.rcbytag.h li,
.rcbytag.h li.a0 {
float:none;
width:auto;
}
.half:first-child .widget {
margin-right:0;
}
.half:last-child .widget {
margin-left:0;
}
#mobilenav {
display:block;
position:absolute;
right:10px;
top:-61px;
text-indent:-9999px;
width:40px;
height:40px;
background-color:#09ABF7;
color:#FFFFFF;
text-decoration:none;
}
#mobilenav.active {
color:#202020;
}
.scdown #mobilenav {
top:-46px;
right:50px;
}
#nav {
width:100%;
height:100%;
}
#menunav,
.sf-menu a.home:before,
.sf-menu ul,
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:none;
}
#menunav {
position:absolute;
top:0;
padding:0 8px;
left:10px;
right:10px;
background-color:#202020;
border-bottom:2px solid #09ABF7;
}
.sf-menu > li,
#menunav {
float:none;
}
.sf-menu a,
.scdown .sf-menu > li > a {
height:30px;
line-height:30px;
}
.sf-menu > li:hover > a,
.sf-menu > li > a.current,
.sf-menu > li > a {
border-top:0;
}
.sf-menu ul,
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
position:static;
}
.sf-menu a.home {
padding:0 10px;
}
#mobilenav:before {
content:"\f0c9";
top:5px;
text-indent:0;
left:7px;
font-size:30px;
}
}
@media only screen and (max-width:767px) {
#outer-wrapper .isi {
width:480px;
}
#main-atas,
#sidebar-wrapper,
.row .grid {
width:100%;
float:none;
}
.post-body iframe {
max-height:450px;
}
#header img {
margin-left:auto;
}
.nav-arrows a {
top:auto;
left:15px;
margin-top:0;
bottom:5px;
}
.nav-arrows a:first-child {
right:15px;
}
.featuredpost {
height:380px;
}
.featpost {
height:300px;
}
}
@media only screen and (max-width:479px) {
#outer-wrapper .isi {
width:320px;
}
.index .post-outer,
.archive .post-outer {
width:100%;
float:none;
}
.separator a {
float:none !important;
margin:0 auto 15px !important;
}
table.tr-caption-container {
float:none !important;
margin:0 auto 10px !important;
padding:0;
}
.post-body .left,
.post-body .right {
float:none;
display:block;
text-align:center;
margin:10px 0 15px;
}
.post-body iframe {
max-height:300px;
}
.featuredpost {
height:360px;
}
.featpost {
height:280px;
}
#header-wrapper {
width:220px;
}
.sb-description p {
display:none;
}
#topsomenu {
height:70px;
}
#areahead {
margin-top:70px;
}
#areacontent {
padding-top:175px;
}
#searchnya,
#socialicon li,
#socialicon {
float:none;
}
#socialicon {
width:auto;
text-align:center;
}
#socialicon li {
display:inline-block;
}
#topbutton {
top:70px;
margin-top:-105px;
}
#searchnya input {
margin-top:5px;
width:220px;
}
#searchnya {
text-align:center;
}
#search-result {
top:100%;
text-align:left;
}
#topbutton {
margin-top:-105px;
}
#header h1,
#header p {
margin-top:0;
}
}
@media only screen and (max-width:319px) {
#outer-wrapper .isi {
width:100%;
}
}

